<el-form ref="form" :model="form" :rules="rules" label-width="100px">
    <el-row :gutter="10">
        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
            <el-form-item label="上级模块" prop="PARENT_NAME">
                <el-input v-model="form.PARENT_NAME" readonly>
                    <i v-show="!isAdd" class="el-icon-search el-input__icon" @click="openModuleWindow" slot="suffix"></i>
                </el-input>
            </el-form-item>
        </el-col>
        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
            <el-form-item label="模块名称" prop="NAME">
                <el-input v-model="form.NAME"></el-input>
            </el-form-item>
        </el-col>
        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
            <el-form-item label="繁体名称" prop="NAME_TW">
                <el-input v-model="form.NAME_TW"></el-input>
            </el-form-item>
        </el-col>

        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
            <el-form-item label="英文名称" prop="NAME_EN">
                <el-input v-model="form.NAME_EN"></el-input>
            </el-form-item>
        </el-col>
        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
            <el-form-item label="请求地址" prop="URL">
                <el-input v-model="form.URL"></el-input>
            </el-form-item>
        </el-col>
        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
            <el-form-item label="自动展开" prop="IS_AUTO_EXPAND">
                <el-select clearable v-model="form.IS_AUTO_EXPAND">
                    <el-option label="是" value="1"></el-option>
                    <el-option label="否" value="0"></el-option>
                </el-select>
            </el-form-item>
        </el-col>
        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
            <el-form-item label="图标" prop="ICON_NAME">
                <el-input v-model="form.ICON_NAME"></el-input>
            </el-form-item>
        </el-col>
        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
            <el-form-item label="矢量图标" prop="VECTOR">
                <el-input v-model="form.VECTOR"></el-input>
            </el-form-item>
        </el-col>

        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
            <el-form-item label="是否启用" prop="IS_ENABLE">
                <el-select clearable v-model="form.IS_ENABLE">
                    <el-option label="是" value="1"></el-option>
                    <el-option label="否" value="0"></el-option>
                </el-select>
            </el-form-item>
        </el-col>
        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
            <div class="grid-content bg-purple">
                <el-form-item label="排序号" prop="SORT_NO">
                    <el-input-number v-model="form.SORT_NO" controls-position="right" size="small" >
                    </el-input-number>
                </el-form-item>
            </div>
        </el-col>
        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
            <el-form-item label="权限标识" prop="PERMISSION">
                <el-input v-model="form.PERMISSION"></el-input>
            </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" style="text-align: right">
            <el-button icon="icon iconfont icon-23" size="mini" @click="cancel">关闭</el-button>
            <el-button type="warning" icon="icon iconfont icon-21" size="mini" @click="sure">保存</el-button>
        </el-col>
    </el-row>
</el-form>
<script>
    require(["pc/system/module_edit"], $.noop);
</script>